<style src="./portfolio-list.css" scoped></style>
<template>
  <div class="list-container">
    <table class="table table-bordered table-hover">
      <caption>组合列表</caption>
      <thead>
        <tr>
          <th class="col-sm-2">组合ID</th>
          <th class="col-sm-3">组合名称</th>
          <th class="col-sm-5">标签</th>
          <th class="col-sm-2"></th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="it in portfolioList">
          <td>{{it.betaId}}</td>
          <td>{{it.name}}</td>
          <td>
            <span class="label label-default" v-if="it.titleTag">{{it.titleTag}}</span>
            <span class="label label-default" v-if="it.styleTag">{{it.styleTag}}</span>
            <span class="label label-default" v-if="it.waveTag">{{it.waveTag}}</span>
            <span class="label label-default" v-if="it.marketValueTag">{{it.marketValueTag}}</span>
          </td>
          <td class="text-right"><button class="btn btn-primary btn-sm" @click="updateTag(it)">修改标签</button></td>
        </tr>
      </tbody>
    </table>
  </div>
  <vue-pages :pages.sync="pages" :list.sync="portfolioList" :get-list="searchAll"></vue-pages>
  <vue-update-tag :show.sync="showUpdateTagModal" :form="updateTagForm"></vue-update-tag>
</template>
<script src="./portfolio-list.js"></script>
